﻿@using Top.Api.Response;
@using HuiJiYunGo.EF;
@{
    //var ItemDetail = ViewBag.ItemDetail as TbkItemInfoGetResponse.NTbkItemDomain;
    var mgoods = ViewBag.mgoods as MaterialGoods;
    var SmallImages = (string.IsNullOrWhiteSpace(mgoods.SmallImages) ? new List<string>() : FastJSON.JSON.ToObject<List<string>>(mgoods.SmallImages));

    var SimilarRecommend = ViewBag.SimilarRecommend as List<TbkDgOptimusMaterialResponse.MapDataDomain>;
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <title>@mgoods.ShortTitle</title>
    <link href="~/Content/swiper.min.css" rel="stylesheet" />
    <link href="~/Content/layui/css/layui.css" rel="stylesheet" />
    <style>
        body {
            font-size: 14px;
            font-family: Arial,Helvetica,sans-serif,"Microsoft YaHei";
            padding: 0;
            margin: 0;
            -webkit-tap-highlight-color: transparent;
        }

        .header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 40px;
            z-index: 99;
            background-color: #de3c1a2e;
            text-align: center;
        }

            .header a {
            }

            .header span {
                display: inline-block;
                line-height: 45px;
            }

        .fanhui {
            position: absolute;
            z-index: 5;
            zoom: 1;
            top: 0;
            width: 45px;
            height: 45px;
            vertical-align: middle;
            text-align: center;
            color: #666;
            font-size: 1.29rem;
            display: inline-block;
            height: 30px;
            color: #fff;
            width: 30px;
            line-height: 30px;
            background: rgba(0,0,0,.3);
            border-radius: 100px;
            top: 7px;
            left: 7px;
        }

        .swiper-container {
            /*width: 375px;
            height: 375px;*/
            margin: 0px auto;
        }

        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;
            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }

            .swiper-slide img {
                width: 100%;
                height: 100%;
            }

        .wrapp {
            padding: 0 15px 15px 15px;
        }

        .item-pinfo {
            position: relative;
            width: 100%;
            height: 40px;
            line-height: 40px;
        }

        .detail-wrapper .title-wrapper {
            position: relative;
            font-size: 14px;
            width: 100%;
            height: 40px;
            line-height: 40px;
            border-bottom: 1px solid #E6E6E6;
            overflow: hidden;
        }

        .item-pinfo2 {
            position: relative;
            width: 100%;
            height: 30px;
            line-height: 30px;
        }

        .detail-wrapper .recommend-wrapper {
            margin-top: 15px;
        }

        .item-pinfo .pr1 {
            font-size: 10px;
            color: #FF4351;
        }

        .ht_theme_wap_other2 {
            color: #ff0077 !important;
        }

        .item-pinfo .pr2 {
            font-size: 2rem;
            color: #FF4351;
        }

        .item-pinfo .pr3 {
            font-size: 12px;
            color: #999999;
            text-decoration: line-through;
            margin-left: 1rem;
        }

        .item-pinfo .pr4 {
            font-size: 16px;
            color: #888888;
            float: right;
        }

        .detail-wrapper .title-wrapper .spa {
            border: 1px solid #d8020f;
            color: #d8020f;
            padding: 2px;
            margin-right: 5px;
        }

        .clearfix:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }

        .item-pinfo2 .pquan {
            width: auto;
            height: 30px;
            float: left;
        }

        .item-pinfo2 .fanli {
            width: auto;
            height: 30px;
            float: right;
        }

        item-pinfo2 .pquan .q1 {
            width: auto;
            height: 30px;
            line-height: 30px;
            border: 1px dashed #FF4351;
            background: #FF4351;
            color: #fff;
            font-size: 1.5rem;
            padding: 2px 5px 2px 5px;
            border-radius: 5px 0 0 5px;
        }

        item-pinfo2 .pquan .q2 {
            width: auto;
            height: 30px;
            line-height: 30px;
            border: 1px dashed #FF4351;
            color: #FF4351;
            font-size: 1.5rem;
            padding: 2px 5px 2px 5px;
            border-radius: 0 5px 5px 0;
        }

        .ht_theme_wap_pri {
            color: #ff0077 !important;
            border: 1px dashed #ff0077 !important;
        }

        .item-pinfo2 .fanli .q1 {
            width: auto;
            height: 30px;
            line-height: 30px;
            border: 1px dashed #1c9300;
            background: #1c9300;
            color: #fff;
            font-size: 16px;
            padding: 2px 5px 2px 5px;
            border-radius: 5px 0 0 5px;
        }

        .item-pinfo2 .fanli .q2 {
            width: auto;
            height: 30px;
            line-height: 30px;
            border: 1px dashed #1c9300;
            color: #1c9300;
            font-size: 15px;
            padding: 2px 5px 2px 5px;
            border-radius: 0 5px 5px 0;
        }

        .detail-wrapper .recommend-wrapper .text {
            color: #565656;
            font-size: 14px;
            line-height: 22px;
        }

            .detail-wrapper .recommend-wrapper .text span {
                padding: 3px 5px;
                margin-right: 20px;
                color: #565656;
                border: 1px solid #565656;
            }

            .detail-wrapper .recommend-wrapper .text span {
                padding: 3px 5px;
                margin-right: 20px;
                color: #FF3C00;
                border: 1px solid #FF3C00;
            }

        .detail-wrapper .title-wrapper .spa {
            border: 1px solid #d8020f;
            color: #d8020f;
            padding: 2px;
            margin-right: 5px;
        }

        .item-pinfo2 .pquan .q1 {
            width: auto;
            height: 30px;
            line-height: 30px;
            border: 1px dashed #FF4351;
            background: #FF4351;
            color: #fff;
            font-size: 16px;
            padding: 2px 5px 2px 5px;
            border-radius: 5px 0 0 5px;
        }

        .item-pinfo2 .pquan .q2 {
            width: auto;
            height: 30px;
            line-height: 30px;
            border: 1px dashed #FF4351;
            color: #FF4351;
            font-size: 15px;
            padding: 2px 5px 2px 5px;
            border-radius: 0 5px 5px 0;
        }

        .item-xiangqing .img {
            color: #565656;
            font-size: 14px;
            line-height: 22px;
            padding: 0 15px 15px 15px;
        }

        .item-xiangqing img {
            width: 100%;
        }

        .pos-box {
            padding: 10px 15px 60px 15px;
        }

            .pos-box .pos-title {
                height: 24px;
                line-height: 24px;
                color: #565656;
            }

            .pos-box .ads-list {
                padding: 0;
                background-color: transparent;
            }

        .ads-list {
            background-color: #fff;
            padding: 0.2em;
            padding-top: 0.4em;
            text-align: center;
        }

            .ads-list .goods-item {
                /* width: 48%;
                float: left;
                text-align: left;
                margin-bottom: 0.7em;
                margin-right: 0.2em;*/
                width: 50%;
                display: block;
                text-align: left;
                margin-bottom: 2px;
                padding-left: 1px;
                padding-right: 1px;
                float: left;
                background: #fff;
                padding-bottom: .4em;
                box-sizing: border-box;
            }

                .ads-list .goods-item a.img {
                    width: 100%;
                    position: relative;
                    display: block;
                }

        .goods-item a {
            overflow: hidden;
        }

        .ads-list .goods-item a.title {
            width: 100%;
        }

        .lprice1 {
            width: 96%;
            height: 26px;
            line-height: 26px;
            position: relative;
            bottom: 0;
            margin: 0 2%;
        }

        .buypeo1 {
            display: block;
            height: 20px;
            line-height: 20px;
            color: #3f9d00;
            font-size: 11px;
            font-family: "黑体-简";
            border-radius: 5px 5px 5px 5px;
            border: 1px dashed #3f9d00;
            top: 5px;
            right: 2px;
            float: right;
        }

        .hh4 {
            padding: 0 5px 0 5px;
            font-size: 11px;
            font-family: "黑体-简";
            top: 5px;
            right: 2px;
            color: #3f9d00;
        }

        .ads-list .goods-item .price-wrapper {
            position: relative;
            margin: 0.2em 0;
        }

            .ads-list .goods-item .price-wrapper .text {
                color: #a3a3a3;
                font-size: 12px;
                display: inline-block;
            }

            .ads-list .goods-item .price-wrapper .price {
                color: #ff4b5f;
                font-size: 14px;
                margin-left: 0.3em;
                display: inline-block;
                margin-top: 0.1em;
            }

            .ads-list .goods-item .price-wrapper .sold-wrapper {
                position: absolute;
                right: 0;
                top: 0.3em;
            }

                .ads-list .goods-item .price-wrapper .sold-wrapper .sold-num {
                    color: #ecabab;
                    font-size: 12px;
                }

                .ads-list .goods-item .price-wrapper .sold-wrapper .text {
                    color: #a3a3a3;
                    font-size: 12px;
                }



        .ads-list .goods-item a.img .coupon-wrapper {
            position: absolute;
            right: 0;
            top: 0;
            z-index: 10;
            text-align: center;
            background-color: #FF2F65;
            padding: 3px 0;
        }

            .ads-list .goods-item a.img .coupon-wrapper .coupon {
                color: #EDFF00;
            }

            .ads-list .goods-item a.img .coupon-wrapper span {
                display: block;
                font-size: 10px;
                line-height: 16px;
                padding: 0 3px;
            }

            .ads-list .goods-item a.img .coupon-wrapper .price {
                color: #FFF;
            }

            .ads-list .goods-item a.img .coupon-wrapper span {
                display: block;
                font-size: 10px;
                line-height: 16px;
                padding: 0 3px;
            }

        .ads-list .goods-item a.img img {
            width: 100%;
            border: none;
        }

        img {
            max-width: 100%;
            height: auto;
        }

        .ads-list .goods-item a.title .text {
            word-break: break-all;
            width: 100%;
            overflow: hidden;
            color: #a3a3a3;
            font-size: 12px;
            text-align: center;
            height: 18px;
        }

        .buy_now {
            position: fixed;
            bottom: 0;
            width: 100%;
            height: 52px;
            line-height: 52px;
            overflow: hidden;
            background-color: #fff;
            font-size: 1.5rem;
            z-index: 100;
            border-top: 1px solid #dfdfdf;
            max-width: 640px;
        }

            .buy_now .w33 {
                width: 33%;
                float: left;
                font-size: 16px;
            }

            .buy_now .r {
                float: left;
                width: 100%;
            }

                .buy_now .r a {
                    text-decoration: none;
                    out-line: none;
                    color: #3c3c3c;
                }

            .buy_now .shar1 {
                height: 51px;
                width: 50%;
                display: block;
                float: left;
                text-align: center;
            }

                .buy_now .shar1 .ii {
                    width: 100%;
                    height: 60%;
                    display: block;
                    float: left;
                    background: url('../../Content/static/img/shouc.png') no-repeat;
                    background-position: center center;
                    background-size: contain;
                }

                .buy_now .shar1 .ii2 {
                    font-size: 10px;
                    line-height: 20px;
                    height: 40%;
                    display: block;
                    float: left;
                    width: 100%;
                    font-style: normal;
                }

            .buy_now .b2 {
                height: 48px;
                line-height: 50px;
                width: 100%;
                float: right;
                text-align: center;
                border-radius: 5px 0 0 5px;
                color: #FF4351;
                border: 1px dashed #FF4351;
            }

        .ht_theme_wap_pri {
            color: #ff0077 !important;
            border: 1px dashed #ff0077 !important;
        }

        .buy_now .b1 {
            height: 50px;
            line-height: 50px;
            width: 100%;
            background: #FF4351;
            float: right;
            text-align: center;
            border-radius: 0 5px 5px 0;
            color: #fff;
        }

        .buy_now .shar1 .ii4 {
            width: 100%;
            height: 60%;
            display: block;
            float: left;
            /* background: url(../images/fenx.png) no-repeat;*/
            background: url('../../Content/static/img/fenx.png') no-repeat;
            background-size: contain;
            background-position: center center;
        }

        #weixin-tt {
            text-align: center;
            margin-top: 10px;
        }

            #weixin-tt .fq-goods {
                border: .2rem #f3e7e3 dashed;
                padding: 3px;
                margin: 10px 0;
            }

        .swiper-pagination-bullet-active {
            background: #ea9bbf;
        }

        .swiper-container {
            --swiper-theme-color: #ff6600;
            --swiper-pagination-color: #00ff33; /* 两种都可以 */
        }
    </style>
</head>
<body>
    <div>
        <div class="header">
            <a><i class="layui-icon layui-icon-left fanhui"></i></a>
            <span>商品详情</span>
        </div>
        <div class="imgs">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="@mgoods.PictUrl" />
                    </div>
                    @*<div class="swiper-slide">
                            <img src="https://img.alicdn.com/i4/2200692904266/O1CN01tDeQ7G1hNsD1ksOi6_!!2200692904266.jpg_480x480.jpg" />
                        </div>
                        <div class="swiper-slide">Slide 3</div>
                        <div class="swiper-slide">Slide 4</div>
                        <div class="swiper-slide">Slide 5</div>
                        <div class="swiper-slide">Slide 6</div>
                        <div class="swiper-slide">Slide 7</div>
                        <div class="swiper-slide">Slide 8</div>
                        <div class="swiper-slide">Slide 9</div>
                        <div class="swiper-slide">Slide 10</div>*@

                    @foreach (var item in SmallImages)
                    {
                        <div class="swiper-slide">
                            <img src="@item" />
                        </div>
                    }
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <div class="detail-wrapper wrap">
            <div class="wrapp">
                <div class="item-pinfo">
                    <span class="pr1 ht_theme_wap_other2">券后价：￥</span>
                    <span class="pr2 ht_theme_wap_other2">@(mgoods.ZkFinalPrice - (decimal)mgoods.CouponAmount)</span>
                    <span class="pr3">￥@mgoods.ReservePrice</span>
                    <span class="pr4">
                        @if (ViewBag.Type == "TQG")
                        {
                            <p> @mgoods.Volume 人已抢购</p>
                        }
                        else
                        {

                            <p> @mgoods.Volume 人已付款</p>
                        }


                    </span>
                </div>
                <div class="title-wrapper clearfix">
                    <span class="spa">@(mgoods.UserType == 1 ? "天猫" : "商城")</span>
                    @mgoods.Title
                </div>
                @if (mgoods.CouponAmount != null && mgoods.CouponAmount != 0)
                {
                    <div class="item-pinfo2">
                        <div class="pquan">
                            <span class="q1 ht_theme_wap_other">券</span>
                            <span class="q2 ht_theme_wap_pri">￥@mgoods.CouponAmount</span>
                        </div>
                        @*<div class="fanli">
                                <span class="q1">返</span>
                                <span class="q2">59.99 积分</span>
                            </div>*@
                    </div>
                }
                @if (!string.IsNullOrWhiteSpace(mgoods.ItemDescription))
                {
                    <div class="recommend-wrapper">
                        <div class="text">
                            <span>推荐理由</span>@mgoods.ItemDescription
                        </div>
                    </div>
                }
            </div>
        </div>
        @*<div class="am-panel am-padding-horizontal-sm">
                <div class="am-panel-hd am-padding-left-0 am-padding-right-0">
                    <h4 class="am-panel-title" style="padding: 10px;background: #fff;font-size: 15px;">
                        商品图文详情<span class="am-text-primary am-text-xs" style="color:#0e90d2;font-size: 13px;">（点击展开）</span>
                        <span style="float:right">&gt;</span>
                    </h4>
                </div>
            </div>
            <div class="item-xiangqing" style="display: block;">
                <div class="img" id="item_des">
                    <p>&nbsp;</p>
                    <p>&nbsp;</p> <p>
                        <img align="absmiddle" src="//img.alicdn.com/imgextra/i3/804542191/TB2qx_0bAfb_uJkSnfoXXb_epXa_!!804542191.jpg" style="max-width:750.0px;" size="750x904"><img align="absmiddle" src="//img.alicdn.com/imgextra/i2/804542191/TB2KKLUbzgy_uJjSZLeXXaPlFXa_!!804542191.jpg" style="max-width:750.0px;" size="750x793"><img align="absmiddle" src="//img.alicdn.com/imgextra/i2/804542191/TB2SVJSgJrJ8KJjSspaXXXuKpXa_!!804542191.jpg" style="max-width:750.0px;" size="750x656"><img align="absmiddle" src="//img.alicdn.com/imgextra/i4/804542191/TB2zptTgInI8KJjSspeXXcwIpXa_!!804542191.jpg" style="max-width:750.0px;" size="750x668"><img align="absmiddle" src="//img.alicdn.com/imgextra/i4/804542191/TB21tFygSYH8KJjSspdXXcRgVXa_!!804542191.jpg" style="max-width:750.0px;" size="750x556">
                        <img align="absmiddle" src="//img.alicdn.com/imgextra/i2/804542191/TB2QuPZbzgy_uJjSZTEXXcYkFXa_!!804542191.jpg" style="max-width:750.0px;" size="750x435"><img align="absmiddle" src="//img.alicdn.com/imgextra/i4/804542191/TB23h1egTvI8KJjSspjXXcgjXXa_!!804542191.jpg" style="max-width:750.0px;" size="750x303">
                        <img align="absmiddle" src="//img.alicdn.com/imgextra/i2/804542191/TB2qeiggL6H8KJjSspmXXb2WXXa_!!804542191.jpg" style="max-width:750.0px;" size="750x476">
                        <img align="absmiddle" src="//img.alicdn.com/imgextra/i4/804542191/TB2pMtsgRfH8KJjy1XbXXbLdXXa_!!804542191.jpg" style="max-width:750.0px;" size="750x609"><img align="absmiddle" src="//img.alicdn.com/imgextra/i2/804542191/TB2Pj0TgS_I8KJjy0FoXXaFnVXa_!!804542191.jpg" style="max-width:750.0px;" size="750x845">
                        <img align="absmiddle" src="//img.alicdn.com/imgextra/i4/804542191/TB26xf5bzgy_uJjSZSgXXbz0XXa_!!804542191.jpg" style="max-width:750.0px;" size="750x444"><img align="absmiddle" src="//img.alicdn.com/imgextra/i2/804542191/TB2sRx_gJnJ8KJjSszdXXaxuFXa_!!804542191.jpg" style="max-width:750.0px;" size="750x422"><img align="absmiddle" src="//img.alicdn.com/imgextra/i3/804542191/TB2Y_49gNPI8KJjSspoXXX6MFXa_!!804542191.jpg" style="max-width:750.0px;" size="750x438"><img align="absmiddle" src="//img.alicdn.com/imgextra/i1/804542191/TB2u2FFgJfJ8KJjy0FeXXXKEXXa_!!804542191.jpg" style="max-width:750.0px;" size="750x1572"><img align="absmiddle" src="//img.alicdn.com/imgextra/i4/804542191/TB2_DxrgRDH8KJjSszcXXbDTFXa_!!804542191.jpg" style="max-width:750.0px;" size="750x455">
                    </p> <p>&nbsp;</p> <p><span style="color:white;line-height:0.0px;font-size:0.0px;">- -_- -</span><span style="color:white;line-height:0.0px;font-size:0.0px;">- -_- -</span><span style="color:white;line-height:0.0px;font-size:0.0px;">- -_- -</span></p> <p><span style="color:white;line-height:0.0px;font-size:0.0px;">- -_- -</span></p> <p><span style="color:white;line-height:0.0px;font-size:0.0px;">- -_- -</span></p> <p>
                        <span style="color:white;line-height:0.0px;font-size:0.0px;">
                            - -_- -
                        </span>
                    </p>
                </div>
            </div>*@

        <div class="pos-box clearfix">
            <p class="pos-title"><i></i>精品推荐</p>
            <div class="ads-list">
                @foreach (var item in SimilarRecommend)
                {
                    <div class="goods-item">
                        <a data-transition="slide" href="/mobile/GoodsDetails?xs=true&itemid=@(item.ItemId)" class="img ui-link">
                            <span class="coupon-wrapper">
                                <span class="coupon">优惠券</span>
                                <span class="price">@(item.CouponAmount)元</span>
                            </span>
                            <img src="@item.PictUrl" alt="">
                        </a>
                        <a data-transition="slide" href="@item.CouponShareUrl" class="title ui-link">
                            <div class="text" style=" color:#777777;">@item.ShortTitle</div>
                        </a>
                        @*<div class="lprice1">
                                <span class="buypeo1">
                                    <em class="hh4">领优惠</em>
                                    <em class="hh4">拿返利</em>
                                </span>
                            </div>*@
                        <div class="price-wrapper">
                            <span class="text">券后</span>
                            <span class="price">￥@(decimal.Parse(item.ZkFinalPrice)-(decimal)(item.CouponAmount))</span>
                            <div class="sold-wrapper">
                                <span class="sold-num" style="font-size: 10px;">@item.Volume</span>
                                <span class="text" style="font-size: 10px;">人已买</span>
                            </div>
                        </div>
                    </div>
                }
                @*<div class="goods-item">
                        <a data-transition="slide" href="/index.php/m-item-index-id-1060428.html" class="img ui-link">
                            <span class="coupon-wrapper">
                                <span class="coupon">优惠券</span>
                                <span class="price">5元</span>
                            </span>
                            <img src="http://img.alicdn.com/i3/4256926425/O1CN016JrLxt1xKhCIN56fP_!!4256926425.jpg_300x300.jpg" alt="余裕钢丝球不锈钢家用洗碗钢丝球带手柄大号厨房刷锅碗清洁球锅刷">
                        </a><a data-transition="slide" href="/index.php/m-item-index-id-1060428.html" class="title ui-link"><div class="text" style=" color:#777777;">余裕钢丝球不锈钢家用洗碗钢丝球带手柄大号厨房刷锅碗清洁球锅刷</div></a><div class="lprice1"><span class="buypeo1"><em class="hh4">领优惠</em><em class="hh4">拿返利</em></span></div><div class="price-wrapper"><span class="text">券后</span><span class="price">￥15.9</span><div class="sold-wrapper"><span class="sold-num" style="font-size: 10px;">163</span><span class="text" style="font-size: 10px;">人已买</span></div></div>
                    </div>*@
                @*<div class="goods-item"><a data-transition="slide" href="/index.php/m-item-index-id-1060427.html" class="img ui-link"><span class="coupon-wrapper"><span class="coupon">优惠券</span><span class="price">5元</span></span><img src="http://img.alicdn.com/imgextra/i2/3326445297/O1CN01WratWg1p04YoE5SlJ_!!3326445297.jpg_300x300.jpg" alt="利瓷鸡翅木筷子家用无漆无蜡木质快子实木餐具10双家庭套装20公筷"></a><a data-transition="slide" href="/index.php/m-item-index-id-1060427.html" class="title ui-link"><div class="text" style=" color:#777777;">利瓷鸡翅木筷子家用无漆无蜡木质快子实木餐具10双家庭套装20公筷</div></a><div class="lprice1"><span class="buypeo1"><em class="hh4">领优惠</em><em class="hh4">拿返利</em></span></div><div class="price-wrapper"><span class="text">券后</span><span class="price">￥14.8</span><div class="sold-wrapper"><span class="sold-num" style="font-size: 10px;">194</span><span class="text" style="font-size: 10px;">人已买</span></div></div></div><div class="goods-item"><a data-transition="slide" href="/index.php/m-item-index-id-1060426.html" class="img ui-link"><span class="coupon-wrapper"><span class="coupon">优惠券</span><span class="price">2元</span></span><img src="http://img.alicdn.com/imgextra/i2/2200656425979/O1CN01oGQOdl1u2QgnlDjKo_!!2200656425979.jpg_300x300.jpg" alt="柜门锁扣柜门磁吸门吸强磁衣柜门吸门碰碰珠磁吸门锁强力柜门锁扣"></a><a data-transition="slide" href="/index.php/m-item-index-id-1060426.html" class="title ui-link"><div class="text" style=" color:#777777;">柜门锁扣柜门磁吸门吸强磁衣柜门吸门碰碰珠磁吸门锁强力柜门锁扣</div></a><div class="lprice1"><span class="buypeo1"><em class="hh4">领优惠</em><em class="hh4">拿返利</em></span></div><div class="price-wrapper"><span class="text">券后</span><span class="price">￥3.8</span><div class="sold-wrapper"><span class="sold-num" style="font-size: 10px;">2406</span><span class="text" style="font-size: 10px;">人已买</span></div></div></div><div class="goods-item"><a data-transition="slide" href="/index.php/m-item-index-id-1060425.html" class="img ui-link"><span class="coupon-wrapper"><span class="coupon">优惠券</span><span class="price">2元</span></span><img src="http://img.alicdn.com/imgextra/i1/1136004046/O1CN01yCVIOl1fl75pJe3RA_!!1136004046.jpg_300x300.jpg" alt="老式办公桌抽屉锁文件柜锁家具锁衣柜柜门锁 加长柜台床头柜锁"></a><a data-transition="slide" href="/index.php/m-item-index-id-1060425.html" class="title ui-link"><div class="text" style=" color:#777777;">老式办公桌抽屉锁文件柜锁家具锁衣柜柜门锁 加长柜台床头柜锁</div></a><div class="lprice1"><span class="buypeo1"><em class="hh4">领优惠</em><em class="hh4">拿返利</em></span></div><div class="price-wrapper"><span class="text">券后</span><span class="price">￥3.4</span><div class="sold-wrapper"><span class="sold-num" style="font-size: 10px;">2228</span><span class="text" style="font-size: 10px;">人已买</span></div></div></div><div class="goods-item"><a data-transition="slide" href="/index.php/m-item-index-id-1060424.html" class="img ui-link"><span class="coupon-wrapper"><span class="coupon">优惠券</span><span class="price">1元</span></span><img src="http://img.alicdn.com/bao/uploaded/O1CN01A5HeOj2Hv99kPAQQY_!!2-item_pic.png_300x300.jpg" alt="电脑办公桌圆孔桌面穿线盒电脑桌开孔线孔盖板桌面孔盖圆形装饰盖"></a><a data-transition="slide" href="/index.php/m-item-index-id-1060424.html" class="title ui-link"><div class="text" style=" color:#777777;">电脑办公桌圆孔桌面穿线盒电脑桌开孔线孔盖板桌面孔盖圆形装饰盖</div></a><div class="lprice1"><span class="buypeo1"><em class="hh4">领优惠</em><em class="hh4">拿返利</em></span></div><div class="price-wrapper"><span class="text">券后</span><span class="price">￥6.5</span><div class="sold-wrapper"><span class="sold-num" style="font-size: 10px;">1186</span><span class="text" style="font-size: 10px;">人已买</span></div></div></div><div class="goods-item"><a data-transition="slide" href="/index.php/m-item-index-id-1060423.html" class="img ui-link"><span class="coupon-wrapper"><span class="coupon">优惠券</span><span class="price">10元</span></span><img src="http://gd4.alicdn.com/imgextra/i4/804542191/O1CN01wrGA0G1S3WMz8KxVE_!!804542191.jpg_300x300.jpg" alt="特级醉枣酒枣新鲜大枣腌制红枣狗头枣脆枣陕北特产罐装500g包邮"></a><a data-transition="slide" href="/index.php/m-item-index-id-1060423.html" class="title ui-link"><div class="text" style=" color:#777777;">特级醉枣酒枣新鲜大枣腌制红枣狗头枣脆枣陕北特产罐装500g包邮</div></a><div class="lprice1"><span class="buypeo1"><em class="hh4">领优惠</em><em class="hh4">拿返利</em></span></div><div class="price-wrapper"><span class="text">券后</span><span class="price">￥9.9</span><div class="sold-wrapper"><span class="sold-num" style="font-size: 10px;">202</span><span class="text" style="font-size: 10px;">人已买</span></div></div></div><div class="goods-item"><a data-transition="slide" href="/index.php/m-item-index-id-1060422.html" class="img ui-link"><span class="coupon-wrapper"><span class="coupon">优惠券</span><span class="price">40元</span></span><img src="http://img.alicdn.com/bao/uploaded/O1CN01GpJK081geX0Guj5fx_!!2-item_pic.png_300x300.jpg" alt="手机详情页领券 LUX力士植萃樱花烟酰胺植物籽身体磨砂膏290g正品"></a><a data-transition="slide" href="/index.php/m-item-index-id-1060422.html" class="title ui-link"><div class="text" style=" color:#777777;">手机详情页领券 LUX力士植萃樱花烟酰胺植物籽身体磨砂膏290g正品</div></a><div class="lprice1"><span class="buypeo1"><em class="hh4">领优惠</em><em class="hh4">拿返利</em></span></div><div class="price-wrapper"><span class="text">券后</span><span class="price">￥49.9</span><div class="sold-wrapper"><span class="sold-num" style="font-size: 10px;">4385</span><span class="text" style="font-size: 10px;">人已买</span></div></div></div><div class="goods-item"><a data-transition="slide" href="/index.php/m-item-index-id-1060421.html" class="img ui-link"><span class="coupon-wrapper"><span class="coupon">优惠券</span><span class="price">5元</span></span><img src="http://img.alicdn.com/imgextra/i4/2005032188/O1CN01QJp4Z21S29CpVBPcL_!!2005032188.jpg_300x300.jpg" alt="驱蚊喷雾驱蚊液防蚊乳液儿童孕妇可用户外喷雾80毫升味中文标"></a><a data-transition="slide" href="/index.php/m-item-index-id-1060421.html" class="title ui-link"><div class="text" style=" color:#777777;">驱蚊喷雾驱蚊液防蚊乳液儿童孕妇可用户外喷雾80毫升味中文标</div></a><div class="lprice1"><span class="buypeo1"><em class="hh4">领优惠</em><em class="hh4">拿返利</em></span></div><div class="price-wrapper"><span class="text">券后</span><span class="price">￥9.9</span><div class="sold-wrapper"><span class="sold-num" style="font-size: 10px;">588</span><span class="text" style="font-size: 10px;">人已买</span></div></div></div><div class="goods-item"><a data-transition="slide" href="/index.php/m-item-index-id-1060420.html" class="img ui-link"><span class="coupon-wrapper"><span class="coupon">优惠券</span><span class="price">70元</span></span><img src="http://img.alicdn.com/imgextra/i1/2661250462/O1CN01yXfagH1FHdawMQnj2_!!2661250462.jpg_300x300.jpg" alt="2020年新款热风朵vc裤任意剪长裤打底裤高腰显瘦外穿小黑裤"></a><a data-transition="slide" href="/index.php/m-item-index-id-1060420.html" class="title ui-link"><div class="text" style=" color:#777777;">2020年新款热风朵vc裤任意剪长裤打底裤高腰显瘦外穿小黑裤</div></a><div class="lprice1"><span class="buypeo1"><em class="hh4">领优惠</em><em class="hh4">拿返利</em></span></div><div class="price-wrapper"><span class="text">券后</span><span class="price">￥39.0</span><div class="sold-wrapper"><span class="sold-num" style="font-size: 10px;">57</span><span class="text" style="font-size: 10px;">人已买</span></div></div></div><div class="goods-item"><a data-transition="slide" href="/index.php/m-item-index-id-1060419.html" class="img ui-link"><span class="coupon-wrapper"><span class="coupon">优惠券</span><span class="price">10元</span></span><img src="http://img.alicdn.com/i4/3170456928/TB2e14yXIqGJuJjSZFyXXXFvpXa_!!3170456928.jpg_300x300.jpg" alt="男运动腰包马拉松装备女户外跑步多功能水壶腰包手机防水健身小包"></a><a data-transition="slide" href="/index.php/m-item-index-id-1060419.html" class="title ui-link"><div class="text" style=" color:#777777;">男运动腰包马拉松装备女户外跑步多功能水壶腰包手机防水健身小包</div></a><div class="lprice1"><span class="buypeo1"><em class="hh4">领优惠</em><em class="hh4">拿返利</em></span></div><div class="price-wrapper"><span class="text">券后</span><span class="price">￥55.0</span><div class="sold-wrapper"><span class="sold-num" style="font-size: 10px;">102</span><span class="text" style="font-size: 10px;">人已买</span></div></div></div><div class="goods-item"><a data-transition="slide" href="/index.php/m-item-index-id-1060418.html" class="img ui-link"><span class="coupon-wrapper"><span class="coupon">优惠券</span><span class="price">10元</span></span><img src="http://gd1.alicdn.com/imgextra/i1/804542191/TB2W63FXYRkpuFjSspmXXc.9XXa_!!804542191.jpg_300x300.jpg" alt="陕北五星狗头枣 红枣延安大枣 枣子新鲜干枣干吃陕西特产500g包邮"></a><a data-transition="slide" href="/index.php/m-item-index-id-1060418.html" class="title ui-link"><div class="text" style=" color:#777777;">陕北五星狗头枣 红枣延安大枣 枣子新鲜干枣干吃陕西特产500g包邮</div></a><div class="lprice1"><span class="buypeo1"><em class="hh4">领优惠</em><em class="hh4">拿返利</em></span></div><div class="price-wrapper"><span class="text">券后</span><span class="price">￥9.9</span><div class="sold-wrapper"><span class="sold-num" style="font-size: 10px;">250</span><span class="text" style="font-size: 10px;">人已买</span></div></div></div><div class="goods-item"><a data-transition="slide" href="/index.php/m-item-index-id-1060417.html" class="img ui-link"><span class="coupon-wrapper"><span class="coupon">优惠券</span><span class="price">40元</span></span><img src="http://gd1.alicdn.com/imgextra/i1/2207938041870/O1CN017RySTd1PgVFUXQ4QQ_!!2207938041870.jpg_300x300.jpg" alt="中年女夏季大码套装2020新款妈妈装夏装短袖两件套阔太太T恤上衣"></a><a data-transition="slide" href="/index.php/m-item-index-id-1060417.html" class="title ui-link"><div class="text" style=" color:#777777;">中年女夏季大码套装2020新款妈妈装夏装短袖两件套阔太太T恤上衣</div></a><div class="lprice1"><span class="buypeo1"><em class="hh4">领优惠</em><em class="hh4">拿返利</em></span></div><div class="price-wrapper"><span class="text">券后</span><span class="price">￥69.0</span><div class="sold-wrapper"><span class="sold-num" style="font-size: 10px;">91</span><span class="text" style="font-size: 10px;">人已买</span></div></div></div>*@
            </div>
        </div>

        <div class="buy_now">
            <div class="w33">
                <span class="r">
                    <a href="#" id="htshare">
                        <span class="shar1"><i class="ii4"></i><i class="ii2">分享</i></span>
                    </a>
                    <span class="shar1" id="shouc">
                        <i class="ii" id="shoucico"></i>
                        <i class="ii2">收藏</i>
                    </span>
                </span>
            </div>

            <div class="w33">
                <a class="b2 ht_theme_wap_pri" href="javascript:void(0);" id="buytkl">淘口令购买</a>
            </div>

            <div class="w33" id="hbuybut">
                <a class="b1 ht_theme_wap_other" isconvert="1" id="buyforlink">领券购买</a>
            </div>
        </div>
    </div>


</body>
@*<div id="tklDiv" style="display:none">
        <h3 style="background-color: #FF4351; color:#fff;">复制淘口令</h3>
        <div class="layui-m-layercont"> <div id="weixin-tt"><div class="am-margin-top am-text-left" _hover-ignore="1"><div class="fq-goods am-text-center am-margin-top-sm"><div class="fq-explain  am-center am-text-center"></div><span id="copy_key_ios" style="display: none;padding:0;">复制框内整段文字，打开👉手淘👈即可「领取优惠券」并购买￥DDGZcanmNQI￥</span><textarea readonly="" id="copy_key_android" type="text" class="am-form-field am-text-center am-text-mss pt10" oninput="regain();" style="font-size: 14px;height:8rem;padding:0;">复制框内整段文字，打开👉手淘👈即可「领取优惠券」并购买￥DDGZcanmNQI￥</textarea><div class="clear"></div></div></div><button type="button" id="closed" class="close" data-clipboard-action="copy" data-clipboard-target="#copy_key_android">点我复制</button></div></div>
    </div>*@
</html>
<script src="~/Scripts/jquery-3.4.1.min.js"></script>
<script src="~/Scripts/swiper.jquery.js"></script>
<script src="~/Scripts/swiper.min.js"></script>
<script src="~/Content/layui/layui.js"></script>
<script type="text/javascript">
    $(function () {
        var IsWeiXin = '@ViewBag.IsWeiXin';
        var IsToTKLinkOk=@(ViewBag.IsToTKLinkOk?"true":"false");
        layui.use('layer', function () {
            var layer = layui.layer;




            //点击复制
            $(document).on('click','#copybtn', function () {
                var Url = document.getElementById("copy_key_android");
                Url.select();
                document.execCommand("Copy");
                layer.msg("复制成功,打开淘宝即刻查看！");
            });

            $("#buyforlink").click(function () {
                var url = '@(string.IsNullOrWhiteSpace(mgoods.CouponShareUrl)?mgoods.ClickUrl:mgoods.CouponShareUrl)';
                if (IsWeiXin == "0") {
                    window.location.href = url;
                } else {
                    $("#buytkl").click();
                }

            });

            $("#buytkl").click(function () {
                //layer.open({
                //    area: ['px', '300px']
                //    shade: 0.3,
                //    shadeClose: true,
                //    title: false, //不显示标题
                //    type: 1,
                //    content: $('#tklDiv') //这里content是一个DOM，注意：最好该元素要存放在body最外层，否则可能被其它的相对元素所影响
                //});
                var url =  "@(string.IsNullOrWhiteSpace(mgoods.CouponShareUrl)?mgoods.ClickUrl:mgoods.CouponShareUrl)";
                var title = "@(string.IsNullOrWhiteSpace(mgoods.ShortTitle)? mgoods.Title:mgoods.ShortTitle)";

                if (!IsToTKLinkOk) {
                    window.location.href = url;
                }

            $.ajax({
                url: '/Mobile/Tkl',
                type: 'POST',
                dataType: 'json',
                data: { url: url, title: title },
                success: function (result) {
                    console.log(result);
                    OpenTkl(result.Data.Model);

                },
                error: function (res) {
                    // 错误时处理逻辑
                }
            });

            });

            function OpenTkl(tkl) {
                layer.open({
                    type: 1,
                    shade: 0.3,
                    shadeClose: true,
                    area: ['300px', '300px'],
                    title: [
                        '复制淘口令',
                        'background-color: #FF4351; color:#fff;'
                    ]
                    , content: ' <div id="weixin-tt"><div class="am-margin-top am-text-left" _hover-ignore="1"><div class="fq-goods am-text-center am-margin-top-sm" ><div class="fq-explain  am-center am-text-center"></div><span id="copy_key_ios" style="display: none;padding:0;">复制框内整段文字，打开👉手淘👈即可「领取优惠券」并购买' + tkl + '</span><textarea readonly  id="copy_key_android" type="text" class="am-form-field am-text-center am-text-mss pt10"  oninput="regain();" style="font-size: 14px;height:8rem;padding:0;width: 100%;">复制框内整段文字，打开👉手淘👈即可「领取优惠券」并购买' + tkl + '</textarea><div class="clear"></div></div></div><button type="button" id="copybtn" class="layui-btn layui-btn-radius layui-btn-danger"" data-clipboard-action="copy" data-clipboard-target="#copy_key_android">点我复制</button></div>'
                });
            }

            $(".fanhui").click(function () {
                window.location.href = "javascript:history.go(-1)";
            });

        });

        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',

        });


    });
</script>
